
/* ---------- basic theme: these are the most necessary styles --------------------------------- */

.scrollbar-pane {
/*    margin-right: 20px;*/
	margin : 0 20px 0 0;
 	text-align: justify;
}

.scrollbar-handle-container {
    background: #EEE;
    width: 20px;
}

.scrollbar-handle {
    width: 20px;
    background: #999;
}

.scrollbar-handle:hover {
    background: #666;
}

.scrollbar-handle.move {
    background: #111;
}

.scrollbar-handle-up {
    width: 20px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-up:hover {
    background: #666;
}

.scrollbar-handle-down {
    width: 20px;
    height: 20px;
    background: #DDD;
}

.scrollbar-handle-down:hover {
    background: #666;
}



/* ---------- simple theme --------------------------------------------------------------------- */

.simple .scrollbar-pane {
    margin-right: 16px;
}

.simple .scrollbar-handle-container {
    background: #FFF;
    width: 13px;
	height:426px !important;
}

.simple .scrollbar-handle-container.hover,
.simple .scrollbar-handle-container.move {
	top:14px;
   /* background: #E6E6E6;*/
}

.simple .scrollbar-handle, 
.simple .scrollbar-handle-up, 
.simple .scrollbar-handle-down {background: url(data:image/png;base64,../images/scroll.png) no-repeat;
/*	background-image: url();
	background-repeat: no-repeat;*/
}

/* handle */
.simple .scrollbar-handle {
    width: 13px;
   /* border: 1px solid #CCC;*/
	background-color: #D7D2CB;
	background-position: -16px 50%;
}

.simple .scrollbar-handle:hover {
    /*border: 1px solid #666;*/
}

.simple .scrollbar-handle.move {
    /*border: 1px solid #666;*/
    background-color: #999;
}

/* arrow up */
.simple .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    /*border: 1px solid #CCC;*/
    background-color: #CCC;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

.simple .scrollbar-handle-up.hover,
.simple .scrollbar-handle-up:hover {
  /*  border: 1px solid #666;*/
}

.simple .scrollbar-handle-up.move {
    background-color: #999;
}

/* arrow down */
.simple .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    /*border: 1px solid #CCC;*/
    background-color: #CCC;
	background-position: 2px 4px;
	margin-top: 1px;
}

.simple .scrollbar-handle-down.hover,
.simple .scrollbar-handle-down:hover {
   /* border: 1px solid #666;*/
}

.simple .scrollbar-handle-down.move {
    background-color: #999;
}



/* ---------- fff theme ----------------------------------------------------------------- */

ul.fff {
    padding: 0;
}

.fff .scrollbar-pane {
    margin-right: 12px;
}

.fff .scrollbar-handle-container {
    background: #EEE;
    width: 12px;
}

.fff .scrollbar-handle {
    width: 12px;
	background-color: #CCC;
}

.fff .scrollbar-handle:hover {
    background-color: #999;
}

.fff .scrollbar-handle.move {
    background-color: #666;
}

.fff .scrollbar-handle-up {
    width: 12px;
    height: 18px;
}

.fff .scrollbar-handle-down {
    width: 12px;
    height: 18px;
}

.css-scrollbar{width:250px;height:440px;margin:13px 25px;-moz-box-shadow:0px 0px 12px 3px #CCC;overflow:auto;float:left;border:1px solid #B2B2B2;}
.css-scrollbar.simple{width:700px;height:440px !important;margin:13px 14px 18px 13px;overflow:auto;float:left;-moz-box-shadow:none;border:none;/*font-size:11px;color:#a09d96;font-family:Arial;border: 1px solid #D7D2CB;*/}
.css-scrollbar p{margin:0;padding:0 25px 0 18px;line-height:1.4;}